<nav class="site-menubar site-menubar-light" id="admui-siteMenubar">
    <div class="site-menubar-body">
        <div class="tab-content" id="admui-navTabs">
            <div class="tab-pane animation-fade active" id="admui-navTabsItem-2" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">UI 示例</li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-laptop" aria-hidden="true"></i>
                            <span class="site-menu-title">布局</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                                        <span class="site-menu-title">栅格</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/grids.html">
                                                <span class="site-menu-title">基本栅格</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/layout-grid.html">
                                                <span class="site-menu-title">布局栅格</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                                        <span class="site-menu-title">标题栏</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/headers.html">
                                                <span class="site-menu-title">普通</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/bordered-header.html">
                                                <span class="site-menu-title">带边框</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                                        <span class="site-menu-title">侧边栏</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/aside/left-static.html">
                                                <span class="site-menu-title">左侧普通</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/aside/left-fixed.html">
                                                <span class="site-menu-title">左侧浮动</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/aside/right-static.html">
                                                <span class="site-menu-title">右侧普通</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/layouts/aside/left-fixed.html">
                                                <span class="site-menu-title">右侧浮动</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/layouts/boxed.html">
                                        <span class="site-menu-title">盒式布局</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/layouts/two-columns.html">
                                        <span class="site-menu-title">两栏式布局</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/layouts/panel-transition.html">
                                        <span class="site-menu-title">面板动画</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-cube" aria-hidden="true"></i>
                            <span class="site-menu-title">基本</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;">
                                        <span class="site-menu-title">面板</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/components/basic/panel/structure.html">
                                                <span class="site-menu-title">面板结构</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/basic/panel/actions.html">
                                                <span class="site-menu-title">面板操作</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/basic/panel/portlets.html">
                                                <span class="site-menu-title">面板组件</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/buttons.html">
                                        <span class="site-menu-title">按钮</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/icons.html">
                                        <span class="site-menu-title">矢量图标</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/dropdowns.html">
                                        <span class="site-menu-title">下拉菜单</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/list.html">
                                        <span class="site-menu-title">列表组</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/tooltip-popover.html">
                                        <span class="site-menu-title">气泡提示 &amp; 弹出框</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/modals.html">
                                        <span class="site-menu-title">模态框</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/tabs-accordions.html">
                                        <span class="site-menu-title">选项卡 &amp; 折叠面板</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/images.html">
                                        <span class="site-menu-title">图片</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/badges.html">
                                        <span class="site-menu-title">徽章</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/carousel.html">
                                        <span class="site-menu-title">轮播组件</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/typography.html">
                                        <span class="site-menu-title">排版</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/progress-bars.html">
                                        <span class="site-menu-title">进度条</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/colors.html">
                                        <span class="site-menu-title">配色方案</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/basic/utilities.html">
                                        <span class="site-menu-title">辅助类</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-cubes" aria-hidden="true"></i>
                            <span class="site-menu-title">进阶</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/tour.html">
                                        <span class="site-menu-title">新手指引</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/animation.html">
                                        <span class="site-menu-title">动画</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/lightbox.html">
                                        <span class="site-menu-title">灯箱</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/scrollbar.html">
                                        <span class="site-menu-title">滚动条</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/rating.html">
                                        <span class="site-menu-title">评分</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/context-menu.html">
                                        <span class="site-menu-title">右键菜单</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/alertify.html">
                                        <span class="site-menu-title">Alertify 弹框</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/masonry.html">
                                        <span class="site-menu-title">瀑布流布局</span>
                                    </a>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;">
                                        <span class="site-menu-title">树形控件</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/components/advanced/tree/jstree.html">
                                                <span class="site-menu-title">JsTree</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/advanced/tree/treeview.html">
                                                <span class="site-menu-title">Treeview</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/toastr.html">
                                        <span class="site-menu-title">Toastr 通知</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/sortable-nestable.html">
                                        <span class="site-menu-title">拖动排序</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/advanced/bootbox-sweetalert.html">
                                        <span class="site-menu-title">弹层组件</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-plug" aria-hidden="true"></i>
                            <span class="site-menu-title">组件</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/alerts.html">
                                        <span class="site-menu-title">警告框</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/ribbon.html">
                                        <span class="site-menu-title">彩带</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/pricing-tables.html">
                                        <span class="site-menu-title">价目表</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/overlay.html">
                                        <span class="site-menu-title">遮罩</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/cover.html">
                                        <span class="site-menu-title">覆盖层</span>
                                    </a>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;">
                                        <span class="site-menu-title">时间轴</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/components/structure/timeline/simple.html">
                                                <span class="site-menu-title">简单时间轴</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/components/structure/timeline/icons.html">
                                                <span class="site-menu-title">图标时间轴</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/step.html">
                                        <span class="site-menu-title">步骤条</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/comments.html">
                                        <span class="site-menu-title">评论</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/media.html">
                                        <span class="site-menu-title">媒体</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/chat.html">
                                        <span class="site-menu-title">聊天窗口</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/testimonials.html">
                                        <span class="site-menu-title">客户评价</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/nav.html">
                                        <span class="site-menu-title">导航</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/navbars.html">
                                        <span class="site-menu-title">导航条</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/blockquotes.html">
                                        <span class="site-menu-title">引用</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/pagination.html">
                                        <span class="site-menu-title">分页</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/structure/breadcrumbs.html">
                                        <span class="site-menu-title">包屑导航</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-address-card-o" aria-hidden="true"></i>
                            <span class="site-menu-title">卡片</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/components/cards/statistics.html">
                                        <span class="site-menu-title">统计</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/cards/data.html">
                                        <span class="site-menu-title">数据</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/cards/blog.html">
                                        <span class="site-menu-title">博客</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/cards/chart.html">
                                        <span class="site-menu-title">图表</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/cards/social.html">
                                        <span class="site-menu-title">社交</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/components/cards/weather.html">
                                        <span class="site-menu-title">天气</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade" id="admui-navTabsItem-3" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">页面示例</li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-home" aria-hidden="true"></i>
                            <span class="site-menu-title">首页示例</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/pages/home/index-v1.html">
                                        <span class="site-menu-title">首页示例 01</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/home/index-v2.html">
                                        <span class="site-menu-title">首页示例 02</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/home/ecommerce.html">
                                        <span class="site-menu-title">电商网站型</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/home/analytics.html">
                                        <span class="site-menu-title">数据统计型</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/home/team.html">
                                        <span class="site-menu-title">团队协作型</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-files-o" aria-hidden="true"></i>
                            <span class="site-menu-title">常用页面</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/blank.html">
                                        <span class="site-menu-title">空白页面</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/faq.html">
                                        <span class="site-menu-title">帮助文档</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/gallery-grid.html">
                                        <span class="site-menu-title">相册</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/search-result.html">
                                        <span class="site-menu-title">搜索</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/user.html">
                                        <span class="site-menu-title">客户列表</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/email.html">
                                        <span class="site-menu-title">邮件模板</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/general/code-editor.html">
                                        <span class="site-menu-title">代码编辑器</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/error.html">
                                        <span class="site-menu-title">错误页面</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/errors/no-auth.html">
                                        <span class="site-menu-title">没有权限</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/errors/maintenance.html">
                                        <span class="site-menu-title">网站维护中</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/locked.html">
                                        <span class="site-menu-title">锁屏页面</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-group" aria-hidden="true"></i>
                            <span class="site-menu-title">团队协作</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/calendar.html">
                                        <span class="site-menu-title">日历</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/notebook.html">
                                        <span class="site-menu-title">笔记</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/taskboard.html">
                                        <span class="site-menu-title">任务看板</span>
                                    </a>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;">
                                        <span class="site-menu-title">知识库</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/pages/team/documents/articles.html">
                                                <span class="site-menu-title">列表</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/pages/team/documents/categories.html">
                                                <span class="site-menu-title">分类</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/pages/team/documents/article.html">
                                                <span class="site-menu-title">详情</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/forum.html">
                                        <span class="site-menu-title">论坛</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/message.html">
                                        <span class="site-menu-title">即时通讯</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/mailbox.html">
                                        <span class="site-menu-title">邮箱</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/pages/team/media.html">
                                        <span class="site-menu-title">文件管理</span>
                                    </a>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;">
                                        <span class="site-menu-title">项目</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/pages/team/projects.html">
                                                <span class="site-menu-title">项目列表 01</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/pages/team/work.html">
                                                <span class="site-menu-title">项目列表 02</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade" id="admui-navTabsItem-4" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">表格示例</li>
                    <li class="site-menu-item">
                        <a href="/examples/tables/basic/index.html">
                            <i class="site-menu-icon fa-table" aria-hidden="true"></i>
                            <span class="site-menu-title">基本表格</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/tables/treegrid/index.html">
                            <i class="site-menu-icon fa-sort-amount-asc" aria-hidden="true"></i>
                            <span class="site-menu-title">树形表格</span>
                        </a>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-list-alt" aria-hidden="true"></i>
                            <span class="site-menu-title">DataTables</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/basic-init/zero-configuration.html">
                                        <span class="site-menu-title">基本初始化</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/advanced-init/events-live.html">
                                        <span class="site-menu-title">高级初始化</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/data-sources/dom.html">
                                        <span class="site-menu-title">数据源</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/api/add-row.html">
                                        <span class="site-menu-title">API</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/ajax/simple.html">
                                        <span class="site-menu-title">AJAX</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/server-side/simple.html">
                                        <span class="site-menu-title">服务器模式</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/plug-ins/api.html">
                                        <span class="site-menu-title">插件</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/data-tables/others/fixed-header.html">
                                        <span class="site-menu-title">其他</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-list-alt" aria-hidden="true"></i>
                            <span class="site-menu-title">BootstrapTable</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/tables/bootstrap-table/options/boolean-options.html">
                                        <span class="site-menu-title">选项</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/bootstrap-table/methods/getOptions.html">
                                        <span class="site-menu-title">方法</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/tables/bootstrap-table/extensions/export.html">
                                        <span class="site-menu-title">扩展</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade" id="admui-navTabsItem-5" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">表单相关</li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/general.html">
                            <i class="site-menu-icon fa-circle-o" aria-hidden="true"></i>
                            <span class="site-menu-title">基本表单</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/material.html">
                            <i class="site-menu-icon fa-google" aria-hidden="true"></i>
                            <span class="site-menu-title">质感风格</span>
                        </a>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-toggle-off" aria-hidden="true"></i>
                            <span class="site-menu-title">高级表单元素</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/forms/advanced/select.html">
                                        <span class="site-menu-title">下拉选择</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/advanced/tags-input.html">
                                        <span class="site-menu-title">标签输入</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/advanced/date-time.html">
                                        <span class="site-menu-title">日期时间</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/advanced/checkbox-radio.html">
                                        <span class="site-menu-title">复选框 &amp; 单选框</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/advanced/color-icon.html">
                                        <span class="site-menu-title">颜色 &amp; 图标</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/advanced/other.html">
                                        <span class="site-menu-title">其他</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/layouts.html">
                            <i class="site-menu-icon fa-indent" aria-hidden="true"></i>
                            <span class="site-menu-title">表单布局</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/wizard.html">
                            <i class="site-menu-icon fa-arrow-right" aria-hidden="true"></i>
                            <span class="site-menu-title">表单向导</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/validation.html">
                            <i class="site-menu-icon fa-check-square-o" aria-hidden="true"></i>
                            <span class="site-menu-title">表单验证</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/masks.html">
                            <i class="site-menu-icon fa-at" aria-hidden="true"></i>
                            <span class="site-menu-title">格式预设</span>
                        </a>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-list-alt" aria-hidden="true"></i>
                            <span class="site-menu-title">编辑器</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/forms/editor/summernote.html">
                                        <span class="site-menu-title">文本编辑器</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/editor/markdown.html">
                                        <span class="site-menu-title">Markdown编辑器</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/forms/editor/ace.html">
                                        <span class="site-menu-title">代码编辑器</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/image-cropping.html">
                            <i class="site-menu-icon fa-cut" aria-hidden="true"></i>
                            <span class="site-menu-title">图片裁剪</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/forms/dropify.html">
                            <i class="site-menu-icon fa-cloud-upload" aria-hidden="true"></i>
                            <span class="site-menu-title">文件上传</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade" id="admui-navTabsItem-6" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">统计图表</li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-pie-chart" aria-hidden="true"></i>
                            <span class="site-menu-title">简单图表</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/charts/chartjs.html">
                                        <span class="site-menu-title">Chart.js</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/gauges.html">
                                        <span class="site-menu-title">Gauges</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/flot.html">
                                        <span class="site-menu-title">Flot</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/peity.html">
                                        <span class="site-menu-title">Peity</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/sparkline.html">
                                        <span class="site-menu-title">Sparkline</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/morris.html">
                                        <span class="site-menu-title">Morris</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/chartist.html">
                                        <span class="site-menu-title">Chartist.js</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/rickshaw.html">
                                        <span class="site-menu-title">Rickshaw</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/charts/c3.html">
                                        <span class="site-menu-title">C3</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/charts/echarts.html">
                            <i class="site-menu-icon fa-area-chart" aria-hidden="true"></i>
                            <span class="site-menu-title">百度 Echarts</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade" id="admui-navTabsItem-7" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">菜单演示 01</li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">一级菜单</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/examples/menu.html">
                                        <span class="site-menu-title">二级菜单 01</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/examples/menu.html">
                                        <span class="site-menu-title">二级菜单 02</span>
                                    </a>
                                </li>
                                <li class="site-menu-item has-sub">
                                    <a href="javascript:;">
                                        <span class="site-menu-title">二级菜单 03</span>
                                        <span class="site-menu-arrow"></span>
                                    </a>
                                    <ul class="site-menu-sub">
                                        <li class="site-menu-item">
                                            <a href="/examples/menu.html">
                                                <span class="site-menu-title">三级菜单 001</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/menu.html">
                                                <span class="site-menu-title">三级菜单 002</span>
                                            </a>
                                        </li>
                                        <li class="site-menu-item">
                                            <a href="/examples/menu.html">
                                                <span class="site-menu-title">三级菜单 003</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="site-menu-item">
                        <a href="/examples/menu.html">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">独立菜单</span>
                        </a>
                    </li>
                    <li class="site-menu-category">菜单演示 02</li>
                    <li class="site-menu-item">
                        <a href="/examples/menu.html">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">独立菜单</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-pane animation-fade" id="admui-navTabsItem-8" role="tabpanel">
                <ul class="site-menu">
                    <li class="site-menu-category">系统信息</li>
                    <li class="site-menu-item">
                        <a href="/system/menu.html">
                            <i class="site-menu-icon fa-bars" aria-hidden="true"></i>
                            <span class="site-menu-title">菜单管理</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/system/organization.html">
                            <i class="site-menu-icon fa-sitemap" aria-hidden="true"></i>
                            <span class="site-menu-title">组织结构</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/system/role.html">
                            <i class="site-menu-icon fa-sliders" aria-hidden="true"></i>
                            <span class="site-menu-title">角色管理</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/html/system/permission.html">
                            <i class="site-menu-icon fa-user-secret" aria-hidden="true"></i>
                            <span class="site-menu-title">权限管理</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/system/log.html">
                            <i class="site-menu-icon fa-file-text-o" aria-hidden="true"></i>
                            <span class="site-menu-title">日志信息</span>
                        </a>
                    </li>
                    <li class="site-menu-item">
                        <a href="/system/blacklist.html">
                            <i class="site-menu-icon fa-shield" aria-hidden="true"></i>
                            <span class="site-menu-title">黑名单</span>
                        </a>
                    </li>
                    <li class="dropdown site-menu-item has-sub">
                        <a href="javascript:;" data-toggle="dropdown" data-dropdown-toggle="false">
                            <i class="site-menu-icon fa-gear" aria-hidden="true"></i>
                            <span class="site-menu-title">系统设置</span>
                            <span class="site-menu-arrow"></span>
                        </a>
                        <div class="dropdown-menu">
                            <ul class="site-menu-sub">
                                <li class="site-menu-item">
                                    <a href="/system/settings/display.html">
                                        <span class="site-menu-title">显示设置</span>
                                    </a>
                                </li>
                                <li class="site-menu-item">
                                    <a href="/system/settings/log.html">
                                        <span class="site-menu-title">日志设置</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="site-menu-category">我的账户</li>
                    <li class="site-menu-item">
                        <a href="/system/account.html">
                            <i class="site-menu-icon fa-key" aria-hidden="true"></i>
                            <span class="site-menu-title">账户信息</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>